<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>special</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
		<link rel="stylesheet" type="text/css" href="styles.css">
		-->
	<link rel="stylesheet" type="text/css"
		href="${pageContext.request.contextPath}/css/special.css">
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/base.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/special.js"></script>

</head>

<body>
	<c:if test="${empty user.user_id}">
		<jsp:include page="top.jsp"></jsp:include>
	</c:if>
	<c:if test="${!empty user.user_id}">
		<jsp:include page="topLogin.jsp"></jsp:include>
	</c:if>
	<div style="clear:both"></div>
	<!--中间部分开始-->
	<div style="width:70%; height:50px; float:left:"></div>
	<div id="sp_main">
		<div
			style="width:100%; height:150px; border-bottom:#F5F9FA solid 3px;">
			<div class="sp_pictop">
				<img src="../image/img/sp_top1.jpg" />
			</div>
			<div class="sp_pictop">
				<img src="../image/img/sp_top2.jpg" />
			</div>
			<div class="sp_pictop">
				<img src="../image/img/sp_top3.jpg" />
			</div>
			<div class="sp_pictop">
				<img src="../image/img/sp_top4.jpg" />
			</div>
		</div>
		<div id="sp_left">
			<div style="width:100%; height:100px; float:left;"></div>
			<div id="sp_left1">
				<a href="javascript:findMvBySort(1)"><img
					src="../image/img/sp_p2.jpg" width="60" height="80" />
				</a>
			</div>
			<div id="sp_left2">
				<a href="javascript:findMvBySort(2)"><img
					src="../image/img/sp_hot1.jpg" width="60" height="80" />
				</a>
			</div>
			<div id="sp_left3">
				<a href="javascript:findMvBySort(3)"><img
					src="../image/img/sp_new1.jpg" width="60" height="80" />
				</a>
			</div>
			<div id="sp_left4">
				<a href="javascript:findMvBySort(4)"><img
					src="../image/img/sp_p3.jpg" width="60" height="80" />
				</a>
			</div>
			<div style="width:100%; height:100px; float:left;"></div>
		</div>

		<!-- 通过ajax获取后台歌曲的数据 -->
		<div id="sp_right">

			<!-- <c:forEach items="${spelist}" var="song" varStatus="status">

				<div id="sp_right1">
					<div id="sp_shead">
						<a href="action?key=playerModel&songid=${song.songid}"><img
							src="../image/song/${song.head}" width="100" height="100" />
						</a>
					</div>

					<div id="sp_swrite">
						<span id="sp_span1">${song.songName}</span><br /> <span
							id="sp_span2">${song.singer.singername}</span><br /> <span
							id="sp_span3">收藏100</span>
					</div>
				</div>
			</c:forEach> -->
		</div>

	</div>
	<!--中间部分结束-->

	<div style="clear:both"></div>

	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>
